<!DOCTYPE html>
<html lang="zh-ch">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <style>
    a{text-decoration: none;}
    a:hover{text-decoration: none;}
  </style>
  <title>玉恩</title>
</head>

<body>
  <header align="center">
    <h1>欢迎来到我的练习网页</h1>
    <p>加油</p>
  </header>
  <hr />
  <nav align="center">
    <a href="#" align="left">首页</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="http://yuenai.gitee.io/en"target="-blank"><img src="https://s1.328888.xyz/2022/10/07/fPNU7.png"alt="我的网站"width="200px"
      height="80px"align="right"/></a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

  <div>
    <img src="https://s1.328888.xyz/2022/10/07/fMgEs.jpg" align="left" hspace="2" style="width: 530px; height: 900px" />
   

  <div style="display:block;
            background-color:hsla(69, 62%, 77%, 0.373);
            height: 1350px;
            width: 450px;
            text-align: center;
            margin: 50px auto;
            border: 50px;
             border-radius: 50px>

       <fore name=" 表单练习" action="mailto:3450511097@qq.com" method="" enctype="text/plain">
      <h4 style="color:rgb(233, 86, 86)">示&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;例:</h4>
      <label for="账号" 这是一个账号输入框>账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
      <input type="text" name="账号" size="30" maxlength="11" value="18272528340" readonly id="账号">
      <br />
      <br /><label for="密码">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:</label><input type="password"id="密码" size="30" value="loveyou10000n" readonly />
      <br />
      <br />
      <hr />
      <input type="text" class="search" placeholder="输入关键字...">
      <input type="button" name="" id="" class="btn" value="搜索">
      <br /><br /><br />
     <label for="a"> 账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
      <input type="text"id="a" name="账号" size="30" maxlength="11" value="">
      <br /><small style="color:rgb(234, 28, 28)">输入账号,&nbsp;&nbsp;最大11位</small>
      <br /><label for="b">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：</label><input type="password"id="b" size="30" name="密码" />
      <br /><small style="color:red">输入密码,字符格式和长度无限制</small><br /><br />
      <label for="c">输入手机号:</label><input type="tel"id="c" size="30" maxlength="11" name="手机号" />

      <br /><br />性&nbsp;&nbsp;&nbsp;&nbsp;别:
      <br />
      <input type="radio"id="d" name="sex" value="男" checked="checked" /><label for="d">男</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="radio"id="x" name="sex" /><label for="x">女</label>
      <br /><br />
      <small style="color:rgb(211, 66, 179)"><label for="e">选择你喜欢的颜色:</label></small><br /><input type="color"id="e" />
      <br /><br />
      <label for="f">工作日期:</label><input type="date"id="f" /><br />
      <label for="g">生日:</label><input type="datetime"id="g" /><br />
      <label for="k">他的生日:</label><input type="datetime-local"id="k" /><br />
      <label for="n">选择小时和分:</label><input type="time"id="n" /><br />
      <label for="m">选择月和年:</label><input type="month"id="m" /><br />
      <label for="j">选择周和年:</label><input type="week"id="j" /><br />
      <br />
      精通方向:
      <br />
      <input type="checkbox"id="l" value="java" /><small style="color:crimson"><label for="l">java</label></small>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="checkbox"id="o" value="html" /><small style="color:crimson"><label for="o">html</label></small>
      <br /><input type="checkbox"id="p" value="css" /><small style="color:crimson"><label for="p">css</label></small>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="checkbox"id="h" value="c++" />
      <samll style="color:crimson"><label for="h">c++</label></samll>
      <br /><br /><input type="checkbox" id="u"value="语文" /><small style="color:rgb(33, 89, 219)"><label for="u">语文</label></small>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="checkbox"id="q"value="数学" /><small style="color:chocolate"><label for="q">数学</label></small>
      <br /><input type="checkbox" id="s"value="英语" /><small style="color:rgb(175, 225, 39)"><label for="s">英语</label></small>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <input type="checkbox"id="t" value="物理" /><small style="color:darkslategray"><label for="t">物理</label></small>
      <br /><br /><label for="as">选择上传文件：</label><input type="file"id="as" name="file" />
      <br />
      <br />
      <label for="zs">输入你的吉祥数字(1~9之间):</label></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="number"id="zs" min="1" max="9" size="50" />
      <br />
      <br />
      <label for="xs">请拖到中间:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="range"id="xs" min="1" max="5" />
      <br /><br />
      <input type="image"
        src="https://image2.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9naWYvN1FSVHZrSzJxQzRVSDFMdUxpYkNhNUZYaWE1ZW9ZS012TEpYT1RxRWliY1lWQ3J2eGtsaHdOMjk2ODAwbEtrZFpLQWljbW45SGFlZThnQzlka2hTeklvRENBLzA/d3hfZm10PWdpZg=="
        width="200" height="100" />
      <br /><br /><br />
      <br /><br /><br />
      <input type="reset" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" />
 
    </form>

  </div>




</body>

</html>